import React, { Component } from 'react'
import './rightsidebar.scss'
import {  withRouter } from 'react-router-dom'
// import { get } from '../../axios/localstorage'
import { getApiIndustry } from "../../axios/api"

class rightsidebar extends Component {

    state = {
        arr:[],
        url:'',
    }

    gotoPage=(page)=>{
        this.props.history.push(page);
    }

    componentWillMount(){
        // this.getIndustryList();
    }

    getIndustryList=()=>{
        let param = {

        }

        getApiIndustry(param)
        .then( req =>{
            if(req.data.code === 1){

            }
        }).catch( err =>{
            console.error(err);
        })
    }


    render() {
        return (
            <div className='rightsidebar'>

                <div className="right_box">
                    <div className="right_title">
                        <p>数据模型</p>
                    </div>
                    <div className="right_div">
                        <div className="right_item">
                            <img alt="" src="assets/imgs/yijilv.png" />
                            <p>能源需求</p>
                        </div>
                        <div className="right_item right_l1 right_active">
                            <img alt="" src="assets/imgs/erjihuang.png" />
                            <p>部门法</p>
                        </div>
                        <div className="right_item">
                            <img alt="" src="assets/imgs/yijibai.png" />
                            <p>能源供给（暂无）</p>
                        </div>
                        <div className="right_item">
                            <img alt="" src="assets/imgs/yijibai.png" />
                            <p>资源禀赋</p>
                        </div>
                        <div className="right_item">
                            <img alt="" src="assets/imgs/yijibai.png" />
                            <p>碳排放</p>
                        </div>
                        <div className="right_item right_l1">
                            <img alt="" src="assets/imgs/erjibai.png" />
                            <p>能源活动CO2排放</p>
                        </div>
                        <div className="right_item">
                            <span></span>
                            <p>化石燃料燃烧过程</p>
                        </div>

                        <div className="right_item">
                            <span className="s2"></span>
                            <p>部门法</p>
                        </div>
                        <div className="right_item">
                            <span className="s2"></span>
                            <p>参考法（暂无）</p>
                        </div>
                    </div>
                    {/* <div className="right_title">
                        <p>行业（{this.props.industryArr.length}）</p>
                        <img onClick={()=>{this.props.doOption()}} alt="" src="assets/imgs/bianji.png" />
                    </div> */}
                    <div className="right_div right_border">
                        
 
                    </div>

                    <div className="right_bom">
                        <div className="right_flex">
                            <img alt="" src="assets/imgs/xiazai.png" />
                            <p>下载表格</p>
                        </div>

                        <div className="right_flex right_border">
                            <img className="right_icon" alt="" src="assets/imgs/shujudaoru.png" />
                            <p>数据导入</p>
                        </div>
                    </div>
                </div>
                
            </div>
        )
    }
}

export default withRouter(rightsidebar)
